
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="1.css">
</head>
<body>
    <div>
        <div class="head">
            <div class="head-img">
                <img src="images/mi-logo.png" alt="">
            </div>
            <div class="head-left">
                <h2>小米商城</h2>
                <p>让每个人都能享受科技的乐趣</p>
            </div>
        </div>
        <div class="beijing">
        <div class="container">
        <form>
            <p class="form">
                <span class="form-left">账号登陆</span>
                <span class="form-middle">|</span>
                <span class="form-right">扫码登陆</span>
            </p>
            <input class="a" type="text" placeholder="请输入用户名"><br>
            <input class="b" type="text" placeholder="请输入密码"><br>
            <p class="submit">
                <input type="submit" value="立即登录"/>
            </p>    
            <p class="middle">
                <span>注册小米账号</span>
                <span>|</span>
                <span>忘记密码</span>
            </p>
        </form>
        <div class="oth_type_tit">
            <fieldset class="oth_type_txt">
                <legend>其他方式登录</legend>
            </fieldset>
        </div>
        <div class="all-icons">
                <a href="#" class="qq"></a>
                <a href="#" class="weibo"></a>
                <a href="#" class="weixin"></a>
                <a href="#" class="pay"></a>
        </div> 
        </div>
        </div>
        <div class="footer">
        <p>
            <span><a>简体</a></span>
            <span>|</span>
            <span><a>繁体</a></span>
            <span>|</span>
            <span><a>English</a></span>
            <span>|</span>
            <span><a>常见问题</a></span>
        </p> 
        <p>小米公司版权所有-京ICP备10046444-
            &nbsp;&nbsp;&nbsp;京公网安备11010802020134号-京ICP证110507号</p>
        </div>
    </div>
</body>
</html>